import  React,{useState,Component} from 'react';
import { BrowserRouter as Router,Link, Outlet} from 'react-router-dom';
import './user.css'
import { Avatar} from 'antd';

function User(){
    return (
        <div className='user'>
            <div className="content">
                <div className="block-user"></div>
                <div className='head'><Link to="/user/content/head"><Avatar size={80} src=""/></Link></div>
                <div className="block-user"></div>
                <div className='PurchaseHistory'><Link to="/user/content/Purchasehistory"><button className='PurchaseHistory-button'>购买记录</button></Link></div>
                <div className='CrowdsourcingRecords'><Link to="/user/content/Crowdsourcingrecords"><button className='CrowdsourcingRecords-button'>众包记录</button></Link></div>
                <div className='ReleaseManagement'><Link to="/user/content/Releasemanagement"><button className='ReleaseManagement-button'>发布管理</button></Link></div>
            </div>
            <Outlet />
        </div>


        );
    }

export default User